﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Department.aspx.cs" Inherits="famails.BackEnd.page.Department" MasterPageFile="~/Master.Master" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div style="width:100%;padding:10px;">
        <!--start content 01-->
        <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="border:1px solid #333;padding:0px;margin-bottom:10px;">
            <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="padding:10px 20px;background:#000;color:#fff;font-size:18px;font-weight:bold;position:relative;">   
               Quản lý người dùng
            </div>
            <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="height: auto;padding:10px;">
            <asp:Panel Visible="false" ID="pnError" runat="server">
                <div class="error-box round">
                    <asp:Label ID="lblError"  runat="server" Text=""></asp:Label> 
                </div>
              </asp:Panel>
              <asp:Panel Visible="false" ID="pnSuccess" runat="server">
                <div class="confirmation-box round">
                    <asp:Label ID="lblSuccess"  runat="server" Text=""></asp:Label> 
                </div>
              </asp:Panel>
            </div>
            <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="height: auto;padding:10px;">
                <fieldset>
                    <p>
                        <label for="simple-input" style="font-weight: bolder; text-transform: none">
                            Tên nhóm người dùng</label>
                        <asp:TextBox ID="txtDepartment" CssClass="form-control" style="border:1px solid #333;border-radius:0px;" 
                                        runat="server"></asp:TextBox>
                        <em style="color:#333;">Tên nhòm người dùng.</em>
                    </p>
                </fieldset>
            </div>
            <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="height: auto;padding:10px;">
                <fieldset>
                    <p>
                        <label for="simple-input" style="font-weight: bolder; text-transform: none">
                            Diễn giải</label>
                        <asp:TextBox ID="txtDescription" CssClass="form-control" style="border:1px solid #333;border-radius:0px;" TextMode="MultiLine" 
                                    runat="server"></asp:TextBox>
                        <em style="color:#333;">Giải thích về những thông tin nhóm người dùng.</em>
                    </p>
                </fieldset>
            </div>
            <div class="col-md-6 col-xs-6 col-sm-6 col-lg-6" style="height: auto;padding:10px;">
                <fieldset>
                    <p>
                        <label for="simple-input" style="font-weight: bolder; text-transform: none">
                            Nhóm người dùng</label>
                        <asp:DropDownList ID="dropTypeUser" runat="server" CssClass="form-control" style="border:1px solid #333;border-radius:0px;">
                                            <asp:ListItem Value="0">Quản trị</asp:ListItem>
                                            <asp:ListItem Value="1">Khách hàng</asp:ListItem>
                                            <asp:ListItem Value="2">Tài khoản con</asp:ListItem>
                                            </asp:DropDownList>
                        <em style="color:#333;">Loại nhóm người dùng.</em>
                    </p>
                </fieldset>
            </div>
            <div class="col-md-6 col-xs-6 col-sm-6 col-lg-6" style="height: auto;padding:29px;">
                <fieldset>
                    <p>
                        <button runat="server" class="btn" style="background:#333;color:#fff;text-align:center;padding:6px 15px;border-radius:0px;" onserverclick="btnSave_Click">
                            <i style="margin-right:10px;" class="fa fa-save"></i> Lưu
                        </button>
                    </p>
                </fieldset>
            </div>
		</div>
        <style>
            .a-link-edit {
                text-decoration:none;
                color:#333;
                font-size:18px;

            }
            .a-link-edit:hover {
                color:#ccc;

            }
             
        </style>
        <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="border:1px solid #333;padding:0px;margin-bottom:10px;">
            <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="padding:10px 20px;background:#000;color:#fff;font-size:18px;font-weight:bold;position:relative;">   
               Danh sách nhóm người dùng
            </div>
            <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="height: auto;padding:10px;">
                    <div class=" table-responsive">
                   <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                        <thead>
                            <tr>
                                <th style="width:50px;text-align:center;">#</th>
                                <th>Nhóm người dùng</th>
                                <th>Loại nhóm người dùng</th>
                                <th>Diễn giải</th>
                                <th style="width:100px;">Tùy chỉnh</th>
                            </tr>
                        </thead>
                        <tbody>
                    <asp:Repeater ID="dlDepartment" runat="server">
                         <ItemTemplate>
                            <tr>
                                <td style="text-align:center;"><asp:Label ID="No" runat="server" ></asp:Label></td>
                                <td><asp:Label ID="Name" runat="server" Text='<%# Eval("Name") %>'></asp:Label>  </td>
                                <td><asp:Label ID="lblUserType" runat="server" Text='<%# Eval("UserTypeText") %>'></asp:Label></td>
                                <td><asp:Label ID="Description" runat="server" Text='<%# Eval("Description") %>'></asp:Label></td>
                                <td style="text-align:center;"><asp:HyperLink style="margin-right:5px;" ID="hplSettingRole"  class="a-link-edit"  runat="server"
                                                ToolTip="Thay đổi quyền" NavigateUrl='<%# "create-role.aspx?departmentId="+Eval("ID") %>'>
                                            <span class="fa fa-pencil"></span> 
                                        </asp:HyperLink>
                                        <asp:HyperLink ID="btnDelete"  class="a-link-edit"  runat="server"                                                      
                                            CommandArgument='<%# Eval("ID") %>' ToolTip="Xóa Nhóm người dùng" OnClientClick="return confirmDelete('Bạn có chắc rằng sẽ xóa nhóm người dùng này không ?')" 
                                            onclick="btnDelete_Click" ><span class="fa fa-trash-o"></span> </asp:HyperLink></td>
                            </tr>     
                         </ItemTemplate>
                     </asp:Repeater>
                        </tbody>
                    </table>
                    </div>
            </div>
        </div>
    </div>
<script>
    $(document).ready(function () {
        $('#dataTables-example').dataTable();
    });
</script>
</asp:Content>

